@charset "utf-8";
/* CSS reset for c_b*/
body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
table th , table td {
padding:0px;
}.y-kefu-box01 .kf-close-btn.y-kefu-box01 .mobile-infos>div i 
fieldset , img {.y-kefu-box01 .kf-close-btn
border:0;
}#faba0a
address , caption , cite , code , dfn , em ,i , th , var {.y-kefu-box01 .kf-mobile>i .y-kefu-box01 .kf-mobile>i 
font-style:normal;
    font-style: normal;
font-weight:normal;.y-kefu-box01 .kf-mobile>i 

}
ol , ul {
list-style:none;
}
ception , th {
text-align:left;
}
q:before , q:after {
content:'';
}
abbr , acronym {
border:0;
}
a {
color:#666;
text-decoration:none;
}
/*for ie f6n.net*/
a:focus {
outline:none;
}
/*for ff f6n.net*/
a:hover {
text-decoration:none;
}
/*定位*/
.tl {
text-align:left;
}
.tc {
text-align:center;
}
.tr {
text-align:right;
}
.bc {
margin-left:auto;
margin-right:auto;
}
.fl {
float:left;
display:inline;
}
.fr {
float:right;
display:inline;
}
.zoom {
zoom:1
}
.hidden {
visibility:hidden;
}
.vam {
vertical-align:middle;
}
.clear {
clear:both;
height:0;
line-height:0;
font-size:0;
}
p {
word-spacing:-1.5px;
color: #999;
}
li {
list-style:none;
}
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
/*其他*/
.cur {
cursor:pointer
}
/*原reset*/
sup {
vertical-align:baseline;
}
sub {
vertical-align:baseline;
}
input,button,textarea,select,optgroup,option {
font-family:inherit;
font-size:inherit;
outline: none;
font-style:inherit;
font-weight:inherit;
}
input,button,textarea,select {
*font-size:100%;
}
input,select {
vertical-align:middle;
}
body {
font:12px/1.231 arial,helvetica,clean,sans-serif;
}
select,input,button,textarea,button {
font:99% arial,helvetica,clean,sans-serif;
}
table {
font-size:14px;
width:100%;
border-collapse:collapse;
}
pre,code,kbd,samp,tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}
/*title*/
h1 {
font-size:32px;
}
h2 {
font-size:26px;
}
h3 {
font-size:20px;
}
h4 {
font-size:14px;
}
h5 {
font-size:12px;
}
h6 {
font-size:10px;
}
/*清除浮动*/
.clearfix:after {
content: '';
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
/*兼容 IE*/
zoom: 1;
}
/*end reset*/
/* CSS Document*/
body {
background-color:#fff;
overflow-x:hidden;
color:#666;
font-size:14px;
font-family: "微软雅黑";
position:relative;
min-width:1200px;
width:100%;
}
/*网站字体颜色*/
.content,.container {
margin-left:auto;
margin-right:auto;
width:1200px;
}
.wrap-header {
height: 99px;
position: relative;
z-index: 3;
}
.wrap-header .conleft {
position: relative;
padding-top: 25px;
}
.wrap-header .logoImg {
margin-left: 40px;
}
.wrap-header .logoImg img {
display: block;
width: 96px;
height: 46px;
}
.wrap-header .lTit {
margin-left: 12px;
color: #333;
}
.wrap-header .p1 {
font-size: 16px;
margin-bottom: 3px;
padding-top: 3px;
}
.wrap-header .conright {
position: relative;
padding-right: 198px;
width: 48%;
}
.wrap-header .nav ul {
padding-top: 38px;
width: 102%;
}
.wrap-header .nav ul li {
float: left;
font-size: 15px;
}
.wrap-header .nav ul li.cur a ,.wrap-header .nav ul li:hover a {
color: #faba0a;
}
.wrap-header .menu {
position: absolute;
right: 0;
top: 0;
width: 99px;
height: 99px;
background: #faba0a;
cursor: pointer;
}
.wrap-header .menu span {
display: block;
height: 99px;
background: url(../images/Common/menu.png) no-repeat center;
}
.wrap-header .search {
position: absolute;
right:99px;
top: 0;
width: 99px;
height: 99px;
background: #f7f7f7;
cursor: pointer;
}
.wrap-header .search span {
display: block;
height: 99px;
background: url(../images/Common/search.png) no-repeat center;
}
.DHnav {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(Img/Index/bg01.png);
z-index: 999;
}
.DHnav .NavCon {
position: fixed;
right: -400px;
top: 0;
height: 100%;
background: #fff;
width: 300px;
opacity: 0;
z-index: 3;
}
.DHnav .NavCon .navUl {
position: absolute;
left: 0;
top: 15%;
width: 100%;
font-size: 16px;
}
.DHnav .NavCon .navUl .navli {
height: 65px;
position: relative;
}
.DHnav .NavCon .navUl .navli .lia {
display: block;
height: 65px;
text-indent: 120px;
line-height: 65px;
}
.DHnav .NavCon .navUl .navli:hover {
background: #df1f29;
}
.DHnav .NavCon .navUl .navli:hover .lia {
color: #fff;
}
.DHnav .NavCon .navClose {
width: 99px;
height: 99px;
background: url(../images/Common/navClose.png) no-repeat center;
position: absolute;
right: 30px;
top: 10px;
cursor: pointer;
transition: all 0.5s;
}
.DHnav .NavCon .navClose:hover {
transform: rotate(360deg);
}
.DHnav .NavCon .navUl .li1 .lia {
background: url(../images/Common/navicon01.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li2 .lia {
background: url(../images/Common/navicon03.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li3 .lia {
background: url(../images/Common/navicon05.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li4 .lia {
background: url(../images/Common/navicon07.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li5 .lia {
background: url(../images/Common/navicon09.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li6 .lia {
background: url(../images/Common/navicon11.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li7 .lia {
background: url(../images/Common/navicon13.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li8 .lia {
background: url(../images/Common/navicon15.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li9 .lia {
background: url(../images/Common/navicon17.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li1:hover .lia {
background: url(../images/Common/navicon02.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li2:hover .lia {
background: url(../images/Common/navicon04.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li3:hover .lia {
background: url(../images/Common/navicon06.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li4:hover .lia {
background: url(../images/Common/navicon08.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li5:hover .lia {
background: url(../images/Common/navicon10.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li6:hover .lia {
background: url(../images/Common/navicon12.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li7:hover .lia {
background: url(../images/Common/navicon14.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li8:hover .lia {
background: url(../images/Common/navicon16.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .li9:hover .lia {
background: url(../images/Common/navicon18.png) no-repeat 74px;
}
.DHnav .NavCon .navUl .libox {
display: none;
width: 220px;
position: absolute;
left: -220px;
top: 0;
background: url(Img/Index/bg02.png);
text-align: center;
}
.DHnav .NavCon .navUl .libox p {
height: 35px;
line-height: 35px;
}
.DHnav .NavCon .navUl .libox p a {
display: block;
height: 35px;
line-height: 35px;
color: #fff;
}
.DHnav .NavCon .navUl .libox p:hover {
background: #b88458;
}
.searchBox {
display: none;
position: absolute;
left: 0;
top: 99px;
height: 250px;
background: url(Img/Index/seachbg.jpg) no-repeat center;
width: 100%;
}
.searchBox h3 {
margin-bottom: 18px;
text-align: center;
font-size: 25px;
color: #fff;
font-weight: normal;
}
.searchBox h3 em {
display: block;
width: 1px;
height: 55px;
background: #fff;
margin: 0 auto;
}
.searchBox .searInp {
height: 60px;
background: #fff;
margin-bottom: 25px;
}
.searchBox .searInp input {
float: left;
width: 1135px;
height: 60px;
border: none;
line-height: 60px;
font-size: 16px;
color: #999;
text-indent: 15px;
}
.searchBox .searInp span {
float: right;
display: block;
width: 60px;
height: 60px;
background: url(../images/Common/search02.png) no-repeat center;
cursor: pointer;
}
.searchBox .keyword {
text-align: center;
}
.searchBox .keyword li {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
margin: 0 5px;
color: #fff;
}
.searchBox .keyword li a {
color: #fff;
}
.wrap-footer {
padding: 40px 0 65px 0;
background: url(../images/Common/fbg.jpg);
border-top: 1px solid #e6dfdf;
}
.wrap-footer ul {
float: left;
margin-left: 110px;
}
.wrap-footer ul:first-child {
margin-left: 0;
}
.wrap-footer ul li {
margin-bottom: 10px;
}
.wrap-footer ul li:hover a {
color: #df1f29;
}
.wrap-footer ul li:first-child {
margin-bottom: 24px;
}
.wrap-footer ul li:first-child a {
color: #333;
}
.wrap-footer dl {
float: right;
text-align: right;
}
.wrap-footer dl dt {
margin-bottom: 5px;
}
.wrap-footer dl dt img {
display: block;
width:98px;
height:98px;
}
.wrap-footer dl dd {
margin-right: 5px;
}
.ficp {
height: 90px;
background: #f8f8f8;
}
.ficp .container {
position: relative;
height: 90px;
}
.ficp p {
height: 90px;
line-height: 90px;
}
.ficp .ficpbg {
height: 90px;
width: 640px;
background: #df1f29;
position: absolute;
right: -360px;
top: 0;
}
.ficp p.fr {
color: #fff;
padding-left: 30px;
background: url(../images/Common/ftel.png) no-repeat left center;
position: relative;
z-index: 2;
}
.zxkf {
position: fixed;
right: 0;
top:40%;
z-index: 99;
width:56px;
}
.zxkf ul li {
height: 54px;
width: 210px;
background: #df1f29;
margin-bottom: 3px;
border-radius: 15px 0 0 15px;
position: relative;
left: 0px;
overflow: hidden;
transition: all 0.5s;
}
.zxkf ul li a {
display: block;
height: 56px;
}
.zxkf ul li img {
float:left;
width: 30px;
height: 30px;
position: relative;
left: 15px;
top: 12px;
}
.zxkf ul li.li2 img {
width: 31px;
height: 15px;
top: 19px;
}
.zxkf ul li.li6 img {
top:14px;
}
.zxkf ul li.li7 {
overflow: initial;
}
.zxkf ul li p {
float: right;
height: 56px;
line-height: 56px;
font-size: 14px;
width: 150px;
font-size: 16px;
color: #fff;
}
.zxkf ul li:hover {
left: -150px;
}
.zxkf ul li.li1:hover {
left:0;
background: #df1f29;
}
.zxkf ul li.li2:hover {
left:0;
background: #df1f29;
}
.zxkf ul li.li7:hover {
left:0;
}
.zxkf ul li.li7 p {
position: absolute;
right: -56px;
bottom:0;
width: 100px;
height: 100px;
padding: 5px;
background: #2f2f2f;
}
.zxkf ul li.li7:hover p {
right: 211px;
bottom:0;
width: 100px;
height: 100px;
padding: 5px;
background: #2f2f2f;
}
.zxkf ul li.li7:hover p img {
width: 100px;
height: 100px;
left: 0;
top: 0;
}
/*返回顶部*/
.retop ul {
overflow:hidden;
}
.retop li {
float:left;
margin-left:10px;
}
.retop li img {
display:block;
}
.rtTop {
width:43px;
height:43px;
overflow:hidden;
position:fixed;
top:80%;
right:46%;
margin-right:-615px;
cursor:pointer;
display:none;
}
.rtTop h4 {
width:43px;
height:43px;
overflow:hidden;
position:relative;
}
.rtTop img {
display:block;
position:absolute;
top:0;
left:0;
}
/* -- 弹出窗口 --*/
#oran_full_bg {
display:none !important;
}
/* tanchuang1 提交弹窗*/
.tanchuang1 {
width:100%;
position: fixed;
top: 0;
left: 0;
background: url(../images/Common/tanchuangBg.png);
height:100%;
z-index:9999999;
}
.tanchuang1 .conBox {
width: 400px;
height: 212px;
padding: 20px;
background: #fff;
position: absolute;
left: 50%;
margin-left: -220px;
top: 50%;
margin-top: -80px;
z-index:9999999;
}
.tanchuang1 .conBox .tcClose {
width: 33px;
height: 90px;
position: absolute;
right: 45px;
top: -90px;
cursor: pointer;
z-index:999999999999999;
}
.tanchuang1 .conBox .box {
width: 398px;
height: 190px;
border: 1px solid #e5e5e5;
padding-top: 20px;
text-align: center;
position: relative;
}
.tanchuang1 .conBox .box img {
display: block;
width: 47px;
height: 47px;
margin: 0 auto;
}
.tanchuang1 .conBox .box h5 {
font-size: 24px;
color: #faba0a;
font-weight: bold;
margin-top: 10px;
}
.tanchuang1 .conBox .box p {
font-size: 16px;
color: #4d4d4d;
margin-top: 10px;
}
.tanchuang1 .conBox .box .b15 {
display: block;
width: 150px;
height: 52px;
line-height: 52px;
text-align: center;
font-size: 18px;
color: #fff;
position: absolute;
bottom: -1px;
left: 50%;
margin-left: -75px;
background: #faba0a;
text-decoration: none;
z-index:999999999999999;
border:0px;
}
.tanchuang2 .conBox .box a {
background: #404040;
}
/* 错误提示*/
.errorMainCon {
width: 100%;
background: url(../images/Common/errorBg.jpg) no-repeat center #f6f6f6;
;height: 330px;
padding-top: 300px;
}
.errorMainCon h3 {
width: 525px;
height: 80px;
line-height: 80px;
text-align: center;
font-size: 24px;
color: #1e1e1e;
font-weight: normal;
margin: 0 auto;
}
.errorMainCon h3 em {
color: #faba0a;
font-weight: bold;
}
.errorMainCon p {
font-size: 20px;
color: #000000;
text-align: center;
margin-top: 30px;
}
.errorMainCon p em {
color: #faba0a;
}
.errorMainCon a.error-url {
font-size: 15px;
color: #999999;
font-family: arial;
display: block;
text-align: center;
margin-top: 4px;
}
.errorMainCon .btn {
text-align: center;
height: 52px;
width: 228px;
margin: 30px auto 0;
overflow: hidden;
}
.errorMainCon .btn .a1 {
display: block;
width: 104px;
height: 52px;
line-height: 52px;
text-align: center;
font-size: 16px;
color: #818181;
background: #e3e3e3;
border-radius: 4px;
float: left;
text-decoration: none;
border:none;
}
.errorMainCon .btn .a1:first-child {
background: #faba0a;
color: #fff;
margin-right: 20px;
}

@font-face {
  font-family: 'icomoont';
  src: url('../font/LTE50539.TTF');
}

/* Header YangFangLing 2018年10月17日 */
.Header{overflow: hidden;}
.headerTop{width: 100%;line-height: 50px;background: #fff;border-bottom: 1px solid #f4f2f2;}
.headerTop p{font-size: 14px;line-height: 50px;color: #727272;float: left;}
.headerTop .container ul {float: right;}
.headerTop .container ul li {font-size: 14px;height: 50px;line-height: 50px;color: #727272;float: left;text-align: right;position: relative;}
.headerTop .container ul li a{text-decoration: none;color: #727272;border-left: 1px solid #f0f0f0;font-size: 14px;padding-left: 15px;margin-left: 15px;}
.headerTop .container ul li:first-child a{border-left: none;padding-left: 0;margin-left: 0;}
.headerTop .container ul li a.More{width: 172px;height: 30px;background-color: #faba0a;display:block;text-align: center;line-height: 30px;color: #fff;font-size: 14px;border-radius: 3px;margin-top: 10px;}

.HeaderCenter{height: 100px;}
.HeaderLogo{margin-top: 29px;}
.HeaderLogo a{width: 183px;height: 50px;display: block;margin-right: 25px;}
.HeaderLogo a img{display: block;width: 183px;height: 50px;}
.HeaderLogo dt{margin-top: 13px;}
.HeaderLogo dt h3{font-size: 18px;color: #727272;}
.HeaderPhone{margin-top: 20px;text-align: left;background: url(../images/Common/Header_Phone.png) no-repeat center left;padding-left: 60px;}
.HeaderPhone h3 em{font-size: 14px;color: #727272;font-weight: normal;margin-right: 10px;}
.HeaderPhone h3{font-size: 20px;color: #727272;margin-top: 5px;}

#nav3{position: absolute;top:150px;left: 0;z-index: 99;width: 100%;background: url(../images/Common/NavBox.png) center;}
#nav3 .NavBox{position: relative;height: 60px;width: 1200px;margin: 0 auto;}
#nav3 ul{width: 100%;}
#nav3 li{float: left;font-size: 16px;height: 60px;position: relative;line-height: 60px;}
#nav3 li>a{color: #fff;text-decoration: none;height: 60px;line-height: 60px;display: block;    position: relative;
    z-index: 10;}
#nav3 .innavbg{display: block;height: 5px;background: #faba0a;position: absolute;left: 0;bottom: 0;}
#nav3 li:hover>a{color: #faba0a;/* border-bottom: 2px #faba0a solid;*/}
#nav3 li.cur>a{color: #faba0a;/* border-bottom: 2px #faba0a solid;*/font-weight: 600;}

#nav3 .container{position: relative;}
#nav3 li .xial{position: absolute;left: 0;top: 60px;width: 620px;background: url(../images/Common/NavBox.png) center;padding-right: 40px;height: auto !important;z-index: 9;}
#nav3 li .xial .xialCon{display: none;/* height: 220px; */padding: 40px 0;}
#nav3 li .xial .box1{float: left;padding-left: 30px;width: 55%;}
#nav3 li .xial .box1 p{font-size: 14px;color: #fff;margin-bottom: 15px;float: left;width: 45%;line-height: 25px;}
#nav3 li .xial .box1 p a{color: #fff;text-decoration: none;}
#nav3 li .xial .box1 p:hover a{color: #faba0a;}
#nav3 li .xial .box2{float: right;width: 240px;height: 180px;}
#nav3 li .xial .box2 img{display: block;width: 240px;height: 180px;margin-left: 20px;}
#nav3 .innavbg{display: block;height: 2px;background: #faba0a;position: absolute;left: 0;bottom: 0;}
#nav3 li:hover>a{color: #faba0a;font-weight: 600;}
#nav3 li.cur>a{color: #faba0a;}
#nav3 .li01 .xial{right:0;left:auto;}
#nav3 li.li09 .xial{right: 0;left: auto;}
#nav3 li.li08 .xial{right: 0;left: auto;}
#nav3 li.li03 .xial{right: 0;left: auto;}
#nav3 li.li05 .xial{right: 0;left: auto;}
#nav3 li.li06 .xial{right: 0;left: auto;}
/* Header End */

/* Footer YangFangLing 2018年10月17日 */
.Footer{background-color: #373737;padding: 60px 0 6px 0;overflow: hidden;}
.Footer .bottom_p{float:left;line-height:24px;}

.FooterLink{padding: 40px 0 30px;overflow: hidden;}
.FooterLink dl dt{margin-bottom: 10px;}
.FooterLink dl dt a.a1{color: #fabe0d;font-size: 16px;background: url(../images/Common/Link.png) no-repeat left;padding-left: 30px;}
.FooterLink dl dt a.a2{color: #fabe0d;font-size: 14px;background: url(../images/Common/Link_more.png) no-repeat right;padding-right: 20px;}
.FooterLink dl dd{padding-top: 20px;border-top: 1px #efefef solid;}
.FooterLink dl dd a{font-size: 14px;color: #666;/* display: inline-block; */*display: inline;*zoom: 1;/* margin-left: 60px; */width: calc(100% / 8);text-align: left;float: left;}

.FooterLeft{width: 660px;}
.FooterLeft h3{font-weight: normal;margin-bottom: 109px;}
.FooterLeft h3 li{color: #fff;font-size: 18px;float: left;/* width: 135px; */margin-bottom: 15px;margin-right: 23px;}
.FooterLeft h3 a{color: #fff;font-size: 18px;margin-left:28px;float: left;}
.FooterLeft h3 a:first-child{margin-left: 0;}
.FooterLeft p{color: #fff;font-size: 14px;margin-top: 18px;}
.FooterLeft p a{color: #fff;}
.FooterLeft p span{margin-right: 25px;}

.FooterCent{width: 215px;}
.FooterCent h3{font-weight: normal;font-size: 20px;color: #fabe0d;font-weight: bold;margin-bottom: 20px;}
.FooterCent h3 em{color: #fff;font-size: 16px;display: block;margin-bottom: 10px;font-style: normal;}

.FooterRight ul li{text-align: center;float: left;margin-left: 68px;}
.FooterRight ul li:first-child{margin-left: 0;}
.FooterRight ul li p{color: #fff;font-size: 14px;margin-top: 5px;}
/* Footer End */

/* Title YangFangLing 2018年10月17日 */
.Title{text-align: center;padding: 60px 0 40px;}
.Title h3{font-size: 35px;}
.Title h3 i{width: 130px;height: 1px;background-color: #aaa;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;margin: 0 20px;}
.Title h3 a{color: #727272;}
.Title p{color: #757575;font-size: 16px;margin-top: 10px;}

.Title02 h3,.Title02 p{color: #fff;}
.Title02 h3 i{background-color: #fff;}
/* Title End */

/*防雷监控系统*/
.wenhua1 { transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.wenhua1:hover {transform: translate(0, -20px); -webkit-transform: translate(0, -20px);-moz-transform: translate(0, -20px); -o-transform: translate(0, -20px);-ms-transform: translate(0, -20px);}


.wenhua2 { transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.wenhua2:hover {transform: translate(0, -20px); -webkit-transform: translate(0, -20px);-moz-transform: translate(0, -20px); -o-transform: translate(0, -20px);-ms-transform: translate(0, -20px);}


.wenhua3 { transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.wenhua3:hover {transform: translate(0, -20px); -webkit-transform: translate(0, -20px);-moz-transform: translate(0, -20px); -o-transform: translate(0, -20px);-ms-transform: translate(0, -20px);}
/******** 在线客服样式 *******/
/*----------------------------  公共组件样式  ---------------------------------------*/

/******** 在线客服样式 *******/
/*客服1*/
.y-kefu-box { position: fixed; right: 0; top: 20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(../images/TCommon/icons01.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #faba0a; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color:#faba0a; border-color:#faba0a; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #faba0a; border-color: #faba0a;color: #fff;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
/*咨询热线*/
.y-kefu-box01 .mobile-infos { width: 215px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -33px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color: #999; }
.y-kefu-box01 .mobile-infos p { color: #faba0a; font-size: 18px; }
.right {
width: 12px;
height: 12px;
position: absolute;
right: -12px;
top: 24px;
}
.right-arrow1,
.right-arrow2 {
width: 0;
height: 0;
display: block;
position: absolute;
left: 0;
top: 0;
border-top: 6px transparent dashed;
border-right: 6px transparent dashed;
border-bottom: 6px transparent dashed;
border-left: 6px white solid;
overflow: hidden;
}
.right-arrow1 {
left: 1px;
border-left: 6px #efefef solid;.y-kefu-box01 .kf-close-btn:before
}
.right-arrow2 {
border-left: 6px white solid;
}
/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 110px; height: 110px; margin: 30px auto 10px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color: #999; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #faba0a ; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }

.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#faba0a;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }

/*------- 客服样式2 -------*/
.y-kefu-box02 .icon { display: block; background: url(../images/TCommon/icons02.png) no-repeat; margin: 0 auto; position: relative;}
.y-kefu-box02>div { width: 48px; height: 48px; border: solid 1px #e9e9e9; margin-bottom: 6px; background-color: #fff; font-size: 13px; color: #999; position: relative;}
.y-kefu-box02>div>p { display: none; text-align: center; position: relative; top: 8px;}
.y-kefu-box02 .online-service { background-color: #ff6600; border-color: #ff6600; }
.y-kefu-box02 .online-service>p { color: #fff; }
.y-kefu-box02 .online-service>i { width: 28px; height: 28px; top: 10px; background-position: -5px -5px;}
.y-kefu-box02 .kf-mobile>i { width: 23px; height: 23px; background-position: -5px -35px; top: 12px; }
.y-kefu-box02 .kf-weChat>i { width: 22px; height: 21px; background-position: -40px -35px; top: 13px; }
.y-kefu-box02 .back-top>i { width: 20px; height: 18px; background-position: -68px -35px; top:15px; }
.y-kefu-box02 .back-top { margin-top: 25px; cursor: pointer; left: 55px;}
.y-kefu-box02>div:hover>i { display: none; }
.y-kefu-box02>div:hover>p { display: block; }

/*在线客服*/
.y-kefu-box02 .more-infos {background-color: #fff; border: solid 1px #ebebeb; position: absolute; right: 90px; box-shadow: 5px 5px 30px rgba(0,0,0,.2); display: none;}
.y-kefu-box02 .more-infos:before { content: ''; display: block; width: 352px; height: 3px; background-color: #ff6600; position: absolute; left: -1px; top: -1px; z-index: 9; }
.y-kefu-box02 .online-service-infos { width: 320px; padding: 0 15px;  top: 0; z-index: 2; }
.y-kefu-box02 .part01 { padding: 18px 0 22px 45px; border-bottom: solid 1px #e9e9e9; position: relative;}
.y-kefu-box02 .part01 p { font-size: 16px; color: #ff6600; padding-bottom: 5px; }
.y-kefu-box02 .part01 i { width: 28px; height: 26px; background-position: -40px -5px; position: absolute; left: 0; top: 18px; z-index: 2;}
.y-kefu-box02 .part02 { padding: 26px 0; }
.y-kefu-box02 .part02 li { width: 86px; float: left; position: relative; padding-left: 20px; margin-bottom: 10px; }
.y-kefu-box02 .part02 i { width: 16px; height: 16px; background-position: -5px -65px; position: absolute; left: 0; top: 0; z-index: 2; }
.y-kefu-box02 .part02 li:hover a { color: #ff6600; }
.y-kefu-box02 .part02 li:hover i { background-position: -25px -65px; }
/*客服热线*/
.y-kefu-box02 .kf-mobile-infos { width: 320px; padding: 0 15px; top: 0; }
.y-kefu-box02 .kf-mobile-infos .cont { padding: 18px 0 18px 40px; position: relative; }
.y-kefu-box02 .kf-mobile-infos .cont i { width: 23px; height: 23px; background-position: -46px -65px; position: absolute; left: 0; top: 22px; }
.y-kefu-box02 .kf-mobile-infos .cont p { font-size: 26px; color: #ff6600; }
/*关注微信*/
.y-kefu-box02 .kf-weChat-infos { width: 173px; height: 190px; top: -8px; text-align: center; }
.y-kefu-box02 .kf-weChat-infos:before { width: 175px; }
.y-kefu-box02 .kf-weChat-infos img { width: 120px; height: 120px; margin: 25px auto 5px; }

/*------- 客服样式3 -------*/
.y-kefu-box03 { width: 53px;}
.y-kefu-box03 .icon { display: block; background: url(../images/TCommon/icons03.png) no-repeat; margin-left: 15px; position: absolute; }
.y-kefu-box03>div { width: 193px; height: 53px; background-color: #262626; border-top-left-radius: 3px; border-bottom-left-radius: 3px; margin-bottom: 5px; font-size: 15px; color: #fff; position: relative; left: 0; z-index: 2;}
.y-kefu-box03>div p { padding-left: 52px; line-height: 53px; }
.y-kefu-box03 .y-back-top { cursor: pointer; left: 55px;}
.y-kefu-box03 .y-back-top:hover { background-color: #ff4a00; }
.y-kefu-box03 .y-back-top i { width: 23px; height: 21px; background-position: -5px -5px; top: 16px; }
.y-kefu-box03 .y-kf-mobile { font-size: 18px; }
.y-kefu-box03 .y-kf-mobile i { width: 26px; height: 26px; background-position: -35px -5px; top: 13px; }
.y-kefu-box03 .y-kf-qq a { color: #fff; }
.y-kefu-box03 .y-kf-qq i { width: 24px; height: 24px; background-position: -5px -34px; top: 14px; }
.y-kefu-box03 .y-kf-weChat i { width: 22px; height: 22px; background-position: -35px -34px; top: 15px; }
.y-kefu-box03 .y-kf-weChat .ewm-box { width: 100%; padding-bottom: 15px; background-color: #262626; display: none; }
.y-kefu-box03 .y-kf-weChat img { width: 163px; height: 163px; margin: 0 auto; }
.y-kefu-box03 .y-kf-weChat:hover .ewm-box { display: block; }

/*------- 客服样式4 -------*/
.y-kefu-box04>div, .y-kefu-box04>a { display: block; width: 65px; font-size: 12px; color: #fff; text-align: center; border-radius: 3px;}
.y-kefu-box04 .icon { display: block; background: url(../images/TCommon/icons04.png) no-repeat; margin: 0 auto 5px; }
.y-kefu-box04 .y-online-zixun,
.y-kefu-box04 .y-online-qq,
.y-kefu-box04 .y-design { 
    height: 55px; 
    padding-top: 10px;
    margin-top: 1px;
    background-color: #b2b2b2;
}
.y-kefu-box04 .y-online-zixun i { width: 27px; height: 28px; background-position: -5px -5px; }
.y-kefu-box04 .y-online-qq i { width: 20px; height: 22px; background-position: -35px -5px; }
.y-kefu-box04 .y-design i { width: 24px; height: 24px; background-position: -60px -5px; }
.y-kefu-box04 .y-free-quote { height: 80px; padding-top: 25px; margin-top: 50px; background-color: #fedd00; color: #000; }
.y-kefu-box04 .y-free-quote i { width: 33px; height: 33px; margin-bottom: 10px; margin-left: 18px; background-position: -5px -38px; }
.y-kefu-box04 .y-ewm-box { height: 42px; padding-top: 18px; background-color: #000; margin: 1px 0 11px; position: relative; }
.y-kefu-box04 .y-ewm-box>i { width: 28px; height: 28px; background-position: -44px -38px; }
.y-kefu-box04 .y-back-top { height: 42px; padding-top: 18px; background-color: #b2b2b2; cursor: pointer; position: relative; left: 70px;}
.y-kefu-box04 .y-back-top i { width: 24px; height: 24px; background-position: -5px -75px; }
.y-kefu-box04 .hver:hover { background-color: #000; }
.y-kefu-box04 .y-ewm-infos { width: 173px; height: 188px; background-color: #fff; color: #999; font-size: 13px; border: solid 1px #ebebeb; position: absolute; right: 100px; top: -135px; z-index: 2; box-shadow: 5px 5px 30px rgba(0,0,0,.1); opacity: 0;}
.y-kefu-box04 .y-ewm-infos:before { content: ''; display: block; width: 175px; height: 3px; background-color: #fedd00; position: absolute; top: -1px; left: -1px; z-index: 9; }
.y-kefu-box04 .y-ewm-infos img { width: 115px; height: 115px; margin: 25px auto 5px; }
.y-kefu-box04 .y-ewm-infos .right { top: 156px; }

/*------- 客服样式5 -------*/
.y-kefu-box05 .icon { display: block; background: url(../images/TCommon/icons05.png) no-repeat; margin: 0 auto; }
.y-kefu-box05 .show-status { width: 40px; height: 110px; background-color: #f86539; font-size: 15px; color: #fff; border-radius: 3px; cursor: pointer; position: relative;}
.y-kefu-box05 .show-status i { width: 26px; height: 26px; background-position: -5px -5px; position: relative; top: -13px;  }
.y-kefu-box05 .show-status p { width: 20px; text-align: center; margin: -5px auto 0; } 
.y-kefu-box05 .hide-status { width: 112px; border: solid 1px #e3e3e3; border-radius: 10px; background-color: #fff; text-align: center; position: relative; left: 120px;}
.y-kefu-box05 .hide-status .y-close-btn { width: 31px; height: 26px; background-position: -35px -5px; position: absolute; top: -13px; left: 42px; z-index: 9; cursor: pointer;}
.y-kefu-box05 .hide-status a.y-online-qq { display: block; width: 100%; padding-top: 20px; background-color: #f8f8f8; border-bottom: solid 1px #e3e3e3; padding-bottom: 12px; font-size: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.y-kefu-box05 a.y-online-qq i { width: 94px; height: 95px; background-position: -5px -70px; margin-bottom: 3px; }
.y-kefu-box05 .y-hot-online { width: 100%; padding: 8px 0; border-bottom: solid 1px #e3e3e3; font-size: 13px; color: #999; }
.y-kefu-box05 .y-hot-online em { display: block; font-size: 15px; color: #f86539; padding-top: 3px; }
.y-kefu-box05 .y-btm-box { width: 100%; height: 50px; }
.y-kefu-box05 .y-btm-box>div { width: 55px; height: 100%; }
.y-kefu-box05 .y-ewm-box { border-right: solid 1px #e3e3e3; cursor: pointer; position: relative; }
.y-kefu-box05 .y-ewm-box>i { width: 29px; height: 29px; background-position: -5px -36px; position: relative; top: 10px; } 
.y-kefu-box05 .y-back-top { cursor: pointer; }
.y-kefu-box05 .y-back-top i { width: 19px; height: 29px; background-position: -70px -5px; position: relative; top: 10px; }
.y-kefu-box05 .y-ewm-infos { width: 173px; height: 188px; background-color: #fff; color: #999; font-size: 13px; border: solid 1px #ebebeb; position: absolute; right: 80px; top: -145px; z-index: 2; box-shadow: 5px 5px 30px rgba(0,0,0,.1); opacity: 0;}
.y-kefu-box05 .y-ewm-infos:before { content: ''; display: block; width: 175px; height: 3px; background-color: #fedd00; position: absolute; top: -1px; left: -1px; z-index: 9; }
.y-kefu-box05 .y-ewm-infos img { width: 115px; height: 115px; margin: 25px auto 5px; }
.y-kefu-box05 .y-ewm-infos .right { top: 156px; }

/*------- 客服样式6 -------*/
.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:fixed; z-index:999; top:15%;right:0}
.side_content{width:0px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/TCommon/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.side_center .custom_service p a{ text-decoration:none;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;margin-top: 14px;}
.msgserver a { background:url(../images/TCommon/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/TCommon/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}

/*---------------- 返回顶部 ------------------*/
.rtTop {
  width:43px;
  height:43px;
  overflow:hidden;
  position:fixed;
  bottom:15%;
  right:46%;
  margin-right:-610px;
  cursor:pointer;
  display:none;
  z-index: 999;
}
.rtTop h4 {
  width:43px;
  height:43px;
  overflow:hidden;
  position:relative;
}
.rtTop img {
  display:block;
  width: 100%;
  height: auto;
  position:absolute;
  top:0;
  left:0;
}
/*---------------- 返回顶部 End ------------------*/